<template>
	<view class="notify">
		<view class="flex">
			<view class="notify-image">
				<u--image :showLoading="true" src="../../static/images/提示.png" width="30rpx" height="30rpx"></u--image>
			</view>
			<view class="notify-message">
				{{message}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "dd-notify",
		data() {
			return {

			};
		},
		props: {
			message: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.notify {

		margin: 26rpx 0;
		// 通知图标样式
		.notify-image {
			
			height: 30rpx;
			line-height: 30rpx;
		}

		// 通知消息样式
		.notify-message {
			margin-left: 13rpx;
			height: 30rpx;
			line-height: 30rpx;
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #000000;
		}
	}
</style>